<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/foot.css">
    <link rel="stylesheet" href="../css/2.product list.css">
    <link rel="stylesheet" href="../css/slider.css">
    <script src="../lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(function(){
            //鼠标移入 li 显示p的边框 和 子级菜单
            $("#banner .category li").mouseenter(function(){
                //当前li的p
                $(this).find("p").addClass("active_p");
                $(this).find("div").addClass("active_div")
            })
            //鼠标移入 li 隐藏p的边框 和 子级菜单
            $("#banner .category li").mouseleave(function(){
                //当前li的p
                $(this).find("p").removeClass("active_p");
                $(this).find("div").removeClass("active_div")
            })
        })
    </script>
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="wrapper">
            <div>
                <img src="../images/logo.jpg">
                <div class="top fr">
                    欢迎光临
                    <span>乐购</span>，
                    请 &emsp;登录\
                    <span>注册</span>
                    </div>
            </div> 
        </div>        
    </div>
    <div class="wrapper t1 clearfix">
        <div class="t3 fr">
            我的订单
          </div>
        <div class="t2 fr">
            <i></i>
           <span>购物车  3</span>
        </div>
         <span class="jl1 fr"></span>
        <input type="text" value="创意文具" class="fr">
        </div>
        <div class="wrapper fenlei">
          <ul class="fr">
              <li>
                  <a href="">图书</a>
                  </li>
              <li>
                  <a href="">电子书</a>
              </li>
              <li>
                  <a href="">原创文学</a>
              </li>
              <li>
                  <a href="">服装</a>
              </li>
              <li>
                  <a href="">户外运动</a>
              </li>
              <li>
                  <a href="">孕婴装装</a>
              </li>
              <li>
                  <a href="">家具</a>
              </li>
              <li>
                  <a href="">创意文具</a>
              </li>
              <li>
                  <a href="">地方特产</a>
              </li>
              <li>
                  <a href="">海外购</a>
              </li>
              <li>
                  <a href="">电器城</a>
              </li>
          </ul>
      </div>
      <div class="clear"></div>
    </div>
    <!-- 头结束 -->
    <!--  banner开始 -->
 <div id="banner" class="wrapper clearfix">
        <!-- 分类菜单 -->
        <!--轮播开始-->
        <div class="pptbox fl" id="bannerInner">
    <!--轮播的内容-->
    <ul class="innerwrapper">
      <li>
        <img src="../images/banner1.jpg" />
      </li>
      <li>
        <a href="#"></a><img src="../images/banner2.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner3.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner4.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner5.jpg" /></a>
      </li>
      <li>
        <a href="#"><img src="../images/banner6.jpg" /></a>
      </li>
    </ul>
    <!--数字控制器-->
    <ul class="controls" id="current_li">
      <li class="current" >1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
    </ul>
    <!--按钮控制器-->
    <span class="btnleft"></span>
    <span class="btnright"></span>
        </div>
        <!--轮播结束-->
  
        <!--插件库-->
         <script src="../lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
    //主轮播图
    $("#bannerInner").tyslide({
      boxh: 430,//盒子的高度
      w: 1000,//盒子的宽度
      h: 400,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 20,//控制按钮宽度
      controlsH: 20,//控制按钮高度
      radius: 10,//控制按钮圆角度数
      controlsColor: "#d7d7d7",//普通控制按钮的颜色
      controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
      isShowNum: true //是否显示数字
    });
        </script>
         <div class="banner_you fr">
            <h2 class="rscx">热书畅销</h2>
             <ul>
                 <li>
                   <i></i>
                   <div>1</div>
                    <span>《从你的世界路过</span>
                 </li>
                 <li>
                   <i></i>
                   <div>2</div>
                    <span>《从你的世界路过</span>
                 </li>
                 <li>
                    <i></i>
                    <div>3</div>
                    <span>《从你的世界路过</span>
                 </li>
                 <li>
                    <i></i>
                    <div>4</div>
                    <span>《从你的世界路过</span>
                 </li>
                 <li>
                    <i></i>
                    <div>5</div>
                    <span>《从你的世界路过</span>
                 </li>
                 <li>
                    <i></i>
                    <div>6</div>
                    <span>《从你的世界路过</span>
                 </li>
                 <li>
                    <i></i>
                    <div>7</div>
                    <span>《从你的世界路过</span>
                 </li>
             </ul>
        </div>
        </div>
    </div>
    <div class="haibao wrapper"></div>
    <!--  banner结束 -->
<!-- 图书折扣 -->
<div class="tszk wrapper">
    <div class="tszk1">
      乐购·图书折扣区
    </div>
</div>
<div class="zkq wrapper clearfix">
    <div class="zkq1">
     <img src="../images/书籍/22935553-1_l.jpg" alt="">
     <img src="../images/微信图片_20210512184915.png" alt="">
     <p class="zkq2">白夜行&emsp;东野上吾</p>
     <span class="zkq3">&nbsp;&nbsp;推荐</span>
     <img src="../images/微信图片_20210512184920.png" alt="">
     <p class="zkq4">￥：38
     <span class="zkq5">￥58</span>
     </div>
     <div class="zkq1">
        <img src="../images/书籍/22935553-1_l.jpg" alt="">
        <img src="../images/微信图片_20210512184915.png" alt="">
        <p class="zkq2">白夜行&emsp;东野上吾</p>
        <span class="zkq3">&nbsp;&nbsp;推荐</span>
        <img src="../images/微信图片_20210512184920.png" alt="">
        <p class="zkq4">￥：38
        <span class="zkq5">￥58</span>
        </div>
        <div class="zkq1">
            <img src="../images/书籍/22935553-1_l.jpg" alt="">
            <img src="../images/微信图片_20210512184915.png" alt="">
            <p class="zkq2">白夜行&emsp;东野上吾</p>
            <span class="zkq3">&nbsp;&nbsp;推荐</span>
            <img src="../images/微信图片_20210512184920.png" alt="">
            <p class="zkq4">￥：38
            <span class="zkq5">￥58</span>
            </div>
         <div class="zkq1">
        <img src="../images/书籍/22935553-1_l.jpg" alt="">
         <img src="../images/微信图片_20210512184915.png" alt="">
          <p class="zkq2">白夜行&emsp;东野上吾</p>
        <span class="zkq3">&nbsp;&nbsp;推荐</span>
         <img src="../images/微信图片_20210512184920.png" alt="">
          <p class="zkq4">￥：38
         <span class="zkq5">￥58</span>
         </div>
             <div class="zkq1">
             <img src="../images/书籍/22935553-1_l.jpg" alt="">
             <img src="../images/微信图片_20210512184915.png" alt="">
              <p class="zkq2">白夜行&emsp;东野上吾</p>
             <span class="zkq3">&nbsp;&nbsp;推荐</span>
          <img src="../images/微信图片_20210512184920.png" alt="">
         <p class="zkq4">￥：38
        <span class="zkq5">￥58</span>
         </div>
         <div class="zkq1">
         <img src="../images/书籍/22788959-1_l.jpg" alt="">
        <img src="../images/微信图片_20210512184915.png" alt="">
        <p class="zkq2">白夜行&emsp;东野上吾</p>
        <span class="zkq3">&nbsp;&nbsp;推荐</span>
        <img src="../images/微信图片_20210512184920.png" alt="">
        <p class="zkq4">￥：38
        <span class="zkq5">￥58</span>
        </div>
        <div class="zkq1">
            <img src="../images/书籍/22788959-1_l.jpg" alt="">
            <img src="../images/微信图片_20210512184915.png" alt="">
            <p class="zkq2">白夜行&emsp;东野上吾</p>
            <span class="zkq3">&nbsp;&nbsp;推荐</span>
            <img src="../images/微信图片_20210512184920.png" alt="">
            <p class="zkq4">￥：38
            <span class="zkq5">￥58</span>
            </div>
            <div class="zkq1">
                <img src="../images/书籍/22788959-1_l.jpg" alt="">
                <img src="../images/微信图片_20210512184915.png" alt="">
                <p class="zkq2">白夜行&emsp;东野上吾</p>
                <span class="zkq3">&nbsp;&nbsp;推荐</span>
                <img src="../images/微信图片_20210512184920.png" alt="">
             <p class="zkq4">￥：38
             <span class="zkq5">￥58</span>
             </div>
            <div class="zkq1">
                <img src="../images/书籍/22788959-1_l.jpg" alt="">
                <img src="../images/微信图片_20210512184915.png" alt="">
                <p class="zkq2">白夜行&emsp;东野上吾</p>
                <span class="zkq3">&nbsp;&nbsp;推荐</span>
                <img src="../images/微信图片_20210512184920.png" alt="">
                <p class="zkq4">￥：38
                <span class="zkq5">￥58</span>
                </div>
                <div class="zkq1">
              <img src="../images/书籍/22788959-1_l.jpg" alt="">
              <img src="../images/微信图片_20210512184915.png" alt="">
              <p class="zkq2">白夜行&emsp;东野上吾</p>
              <span class="zkq3">&nbsp;&nbsp;推荐</span>
              <img src="../images/微信图片_20210512184920.png" alt="">
              <p class="zkq4">￥：38
             <span class="zkq5">￥58</span>
            </div>
    </ul>
</div>
<!-- 图书折扣结束 -->
<!-- 新书上架 -->
<div class="kong wrapper"></div>
<div class="kong1 wrapper">
  <p class="kong2">
      <span class="kong3">新</span>
      书上架
  </p>
</div>
<div class="xssj wrapper clearfix ">
    <div class="fl xssj1">
      <ul class="clearfix">
          <li>
            <img src="../images/书籍/22928335-1_l.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22928335-1_l.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22928335-1_l.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22928335-1_l.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22928335-1_l.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22499729-1_l_5.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22499729-1_l_5.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22499729-1_l_5.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22499729-1_l_5.jpg" alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
          <li>
            <img src="../images/书籍/22499729-1_l_5.jpg"alt="" class="sj">
            <p class="sj1">查理&emsp;史密斯</p>
            <p class="sj2">中国邮电出版社</p>
            <p class="sj3">￥：49
            <span class="sj4">￥79</span>
            </p>
          </li>
      </ul>
    </div>
    <div class="fr xssj2">
        <ul>
            <li>
                <h2>主编推荐</h2>
            </li>
            <li>
                <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
            </li>
            <li>
              <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
            </li>
            <li>
              <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
            </li>
            <li>
              <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
            </li>
            <li>
              <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
            </li>
            <li>
              <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
            </li>
            <li>
                <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
              </li>
              <li>
                <p>就喜欢你看不惯我&emsp;&nbsp;又不干</p>
              </li>
        </ul>
    </div>
</div>
<!-- 上架结束 -->
<!--  脚 -->
<div class="food">
    <div class="xian1"></div>
    <div class="jiao1">
        <div class="jiao2 wrapper clearfix">
          <ul class="fl">
            <li class="dp1"></li>
            <li class="dp2"></li>
            <li class="dp3"></li>
            <li class="dp4"></li>
          </ul>
        </div>
    </div>
</div>
<div class="footer wrapper ">
       <ul>
           <h2>购物指南</h2>
           <li>购物流程</li>
           <li>发票制度</li>
           <li>账户管理</li>
           <li>会员优惠</li>
       </ul>
       <ul>
        <h2>支付方式</h2>
        <li>货到付款</li>
        <li>网上支付</li>
        <li>礼品卡支付</li>
        <li>银行转账</li>
    </ul>
    <ul>
        <h2>订单服务</h2>
        <li>订单配送查询</li>
        <li>订单状态说明</li>
        <li>自助取消订单</li>
        <li>自助修改订单</li>
    </ul>
    <ul>
        <h2>退换货</h2>
        <li>退换货政策</li>
        <li>自助申请退换货</li>
        <li>退换货进度查询</li>
        <li>退款方式和时间</li>
    </ul>
    <ul>
        <h2>商家服务</h2>
        <li>商家中心</li>
        <li>运营服务</li>
        <li>加入尾品汇</li>
    </ul>
    <img class="fl" src="../images/logo_00.png" alt="">
</div>
<div class="di1">
    <ul class="clearfix wrapper">
        <li>公司简介</li>
        <li>lnvestor Relations</li>
        <li>网站联盟</li>
        <li>乐购招商</li>
        <li>机构销售</li>
        <li>手机乐购</li>
        <li>官方Blog</li>
        <li style="border: none;">热词搜索</li>
    </ul>
    <p>Copyright&nbsp;&nbsp;&nbsp;(C)&nbsp;&nbsp;&nbsp;乐购网&nbsp;&nbsp;
        2004-2016.&nbsp;&nbsp;&nbsp;
        All&nbsp;&nbsp; Reserved</p>
</div>
</body>
</html> 